<ion-view id="pay" view-title="支付" cache-view="false" align-title="center" hide-tabs>

  <!-- 申请额度-页眉 -->
  <div class="bar bar-header assertive-bg">
    <h1 class="title light">支付</h1>
  </div>
  <!--输入密码-->
  <div class="input-pw" ng-style="bgpw">
    <p>请输入支付密码</p>
    <div class="line"></div>
    <input type="password" class="pw"
           ng-model="pwvalue"
           ng-change="pwchange()" placeholder="请输入支付密码">
    <div class="button-frame">
      <input type="button" value="取消"  ng-click="cancel()">
      <!--添加付款用户信息-->

      <input type="button" ng-click="payment()" id="adddisabled"  disabled   value="付款">
      <a href="#/tab/information">
        <input type="button" value="客户信息" ng-click="huoqu()" >
      </a>


    </div>
  </div>
  <!--背景阴影-->
  <div class="shadow" ng-style="bgpw" ng-click="cancel()"></div>
  <!-- 申请额度-内容 -->
  <ion-content class=" has-header scroll-content">
    <div class="list list-inset" style="border-radius: 10px;">
      <label on-tap="modal.show()" ng-click="modal1(1)"  class="item item-input" style="border-top-left-radius: 10px;border-top-right-radius: 10px;">
        <span class="input-label">付款账号</span>
        <input type="text" class="task-input" ng-model="data0.acctNo" placeholder=" 请选择账号" readonly>
        <i class="ion-arrow-right-b business_ion"></i>
      </label>
      <label class="item item-input">
        <span class="input-label">付款账户</span>
        <input type="text" ng-model="data0.acctName" class="task-input" readonly>
      </label>
      <label class="item item-input">
        <span class="input-label">开户银行</span>
        <input type="text" ng-model="data0.bankBranchName" class="task-input" readonly>
      </label>
      <label class="item item-input" style="border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;">
        <span   class="input-label">账户余额</span>
        <input type="text" style="border-radius: 4px" readonly>
        <button on-tap="checkbalance(data0.id)"
                class="check_btn button button-energized button-small "
        >查询</button>
      </label>

    </div>
    <!-- 付款金额 -->
    <div class="list list-inset" style="border-radius: 10px;">
      <label class="item item-input" style="border-radius: 10px;">
        <span class="input-label"  placeholder=" 请输入付款金额">付款金额</span>
        <input type="text" class="payment" ng-model="$parent.payermoney"> 元
      </label>
    </div>

    <div class="list list-inset" style="border-radius: 10px;">
      <label on-tap="modal.show()" ng-click="modal1(2)" class="item item-input"  style="border-top-left-radius: 10px;border-top-right-radius: 10px;">
        <span class="input-label">收款账号</span>
        <input type="text" class="task-input" ng-model="paydata.acctName" placeholder=" 请选择账号" readonly>
        <i class="ion-arrow-right-b business_ion"></i>
      </label>
      <label class="item item-input">
        <span class="input-label">收款账户</span>
        <input type="text" ng-model="paydata.bankBranchName" class="task-input" readonly>
      </label>
      <label class="item item-input" style="border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;">
        <span class="input-label">开户银行</span>
        <input type="text" ng-model="paydata.bankBranchName" class="task-input" readonly>
      </label>
    </div>

    <!-- 提交/重置 -->
    <div class="list list-inset sub_input" style="background-color: transparent" >
      <input type="button" class=" " ng-click="submit()" id="submit" value="提交"/>
      <input type="reset" ng-click="resize()" class="  " value="重置"/>
      <!--修改地方-->
      <a href="#/tab/payhistory">
        <input type="reset" ng-click="" class="  " value="支付记录"/>
      </a>

    </div>

    <!--选择账户模板-->
    <script id="templates/payaccount.html" type="text/ng-template">
      <ion-modal-view>
        <ion-header-bar class="bar bar-header bar-positive">
          <h1 class="title">选择账号</h1>
          <button class="button button-clear button-primary" ng-click="modal.hide()">取消</button>
        </ion-header-bar>
        <ion-content class="padding has-header scroll-content" >
          <div class="list list-inset" >
            <ion-list style ="margin-bottom: 50px;background-color: #CD0A1B">
              <ion-radio ><h2>全部</h2></ion-radio>
              <ion-radio  ng-repeat="item in clientSideList"  class ="row"
                          ng-model="data0"
                          ng-value ="item.acctNo"  ng-click="createContact(item)">
                <div class = "col-50" style ="margin: 0; float: left;width:44%;padding-right: 5px;" >

                  <p style="font-size: 12px">[{{item.id}}]</p>
                  <p style="font-size: 12px">{{item.bankBranchName}}</p>
                </div>
                <div class = "col-50" style ="padding-left: 5px; float: left;  border-left: 1px solid red;">
                  <div ><p style="font-size: 12px">{{ item.acctName }}</p></div>
                  <div ><p style="font-size: 12px">{{ item.acctNo }}</p></div>
                </div>

              </ion-radio>
            </ion-list>
          </div>
        </ion-content>
      </ion-modal-view>
    </script>

  </ion-content>
</ion-view>
